<template>
    <canvas class="canvas" ref="canvas"></canvas>
    <audio src="" controls ref="audit"></audio>
</template>

<script setup>
import { onMounted, ref } from 'vue';

const canvas = ref(null)
onMounted(()=>{
    initCvs()
    const ctx = canvas.value.getContext('2d')
})
function initCvs(){
    canvas.value.width = window.innerWidth * devicePixelRatio
    canvas.value.height = (window.innerHeight / 2) * devicePixelRatio
}
</script>

<style scoped>
</style>